<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">-->
<!--    <meta name="renderer" content="webkit">-->
<!--    <title>模板表格</title>-->
<!--    <link href="../static/dist/semantic.min.css" th:href="@{/dist/semantic.min.css}" rel="stylesheet">-->
<!--    <link rel="stylesheet" href="../static/css/layui.css" th:href="@{/css/layui.css}">-->
<!--    <link href="../static/css/public.css" th:href="@{/css/public.css}" rel="stylesheet">-->
<!--    <style>-->
<!--        .m-content {-->
<!--            height: 42px;-->
<!--        }-->

<!--        .hide {-->
<!--            display: none;-->
<!--        }-->

<!--        tr {-->
<!--            text-align: center;-->
<!--        }-->

<!--        #myTable {-->
<!--            table-layout: fixed;-->
<!--            /*word-break:break-all;*/-->
<!--        }-->

<!--        tbody td {-->
<!--            overflow: hidden;-->

<!--            text-overflow: ellipsis;-->

<!--            white-space: nowrap;-->
<!--        }-->

<!--        .details {-->
<!--            overflow: hidden;-->

<!--            text-overflow: ellipsis;-->

<!--            white-space: nowrap;-->
<!--        }-->

<!--        .treatment-details {-->
<!--            overflow: hidden;-->

<!--            text-overflow: ellipsis;-->

<!--            white-space: nowrap;-->
<!--        }-->

<!--        .none {-->
<!--            display: none;-->
<!--        }-->

<!--        .m-shadow-small {-->
<!--            -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 2) !important;-->
<!--            box-shadow: 0 4px 8px rgba(0, 0, 0, 2) !important;-->
<!--        }-->

<!--        .end {-->
<!--            pointer-events: none;-->
<!--        }-->

<!--        .red {-->
<!--            background-color: red;-->
<!--            display: block;-->
<!--        }-->

<!--        .green {-->
<!--            background-color: green;-->
<!--            display: block;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->

<!--<nav class="ui inverted  attached  segment m-padded-tb-mini m-shadow-small">-->
<!--    <div class="ui inverted secondary stackable menu" style="width: 93.7% !important;">-->
<!--        <h2 class="ui teal header item" style="margin-left: 5.2%;font: italic 2em Georgia, serif;">Time-varying</h2>-->
<!--        <a th:href="@{/index/none/main}" class="m-item item m-mobile-hide"><i class="edit  icon"> </i>生产计划</a>-->
<!--        <a href="javascript:void(0)" id="craft" class="m-item  item m-mobile-hide"><i class="magic icon"> </i>工艺</a>-->
<!--        <a href="javascript:void(0)" id="report" class="m-item head-item item m-mobile-hide"><i-->
<!--                class="sticky note outline icon"> </i>异常上报</a>-->
<!--        <a href="javascript:void(0)" id="view-exception" class="m-item head-item item m-mobile-hide"><i-->
<!--                class="eye icon"> </i>异常查看</a>-->
<!--        <a href="javascript:void(0)" class="m-item  item m-mobile-hide" id="view-modify-record"><i class="eye icon"></i>修改记录</a>-->
<!--        <a href="javascript:void(0)" class="m-item  item head-item m-mobile-hide" id="export"><i-->
<!--                class="download icon"></i>导出excel</a>-->
<!--        <a href="javascript:void(0)" class="m-item item head-item m-mobile-hide" id="completion" th:if="${status}"><i-->
<!--                class="strikethrough icon"></i>发起完工</a>-->
<!--        <a href="javascript:void(0)" class="m-item item head-item m-mobile-hide" id="start-production"-->
<!--           th:if="${status}"><i-->
<!--                class="share alternate square icon"></i>开始生产</a>-->
<!--        <a href="javascript:void(0)" class="m-item item head-item m-mobile-hide" id="end-production"-->
<!--           th:if="${status}"><i-->
<!--                class="share alternate icon"></i>结束生产</a>-->
<!--        <div class="item" th:if="${status}">-->
<!--            <div style="width: 20px;height: 20px;border-radius: 20px;" id="production-light"></div>-->
<!--            <span id="status-text" style="color: whitesmoke;font-size: 12px;-->
<!--    margin-top: 10px;"></span>-->
<!--        </div>-->
<!--        <div class="right m-item m-mobile-hide menu">-->
<!--            <div class="ui dropdown item">-->
<!--                <div class="text">-->
<!--                    <img class="ui avatar image" src="../static/image/test.jpg" th:src="@{/image/test.jpg}">-->
<!--                    Hi~ <span id="real-name"></span>-->
<!--                </div>-->
<!--                <i class="dropdown icon"></i>-->
<!--                <div class="menu">-->
<!--                    <a href="#" th:href="@{/logout}" class="item">注销</a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</nav>-->
<!--<input type="hidden" id="workOrderNumber" th:value="${workOrderNumber}">-->
<!--<input type="hidden" id="status" th:value="${status}">-->
<!--<div class="m-padded-lr">-->
<!--    <div class="ui container m-container"-->
<!--         style="width: 100%!important;float: right !important;">-->
<!--        <div id="template-data">-->
<!--            <div class="ui top attached">-->
<!--                <div class="ui  horizontal link list" style="width: 100vw;height: 7.5vw">-->
<!--                    <div class="item" style="position: fixed;">-->
<!--                        <textarea id="content"-->
<!--                                  style=" width: 82vw;height: 7vw;font-size: 26px;text-indent: calc(1.5 * 14px);"></textarea>-->
<!--                    </div>-->
<!--                    <div class="item" style="float: right;margin-top: 95px;margin-right: 20px;" th:if="${status}">-->
<!--                        <button class="ui positive button" id="newTrBtn">新增一行</button>-->
<!--                    </div>-->
<!--                    <div class="item" style="float: right;margin-top: 95px;margin-right: 20px;">-->
<!--                        <span id="total" style="color: black;font-weight: bold;"></span>-->
<!--                        <button class="ui teal button" id="remTrBtn" th:if="${status}">删除一行</button>-->
<!--                    </div>-->
<!--                    <div class="item" style="position:fixed;float: right;margin-top: 20px;margin-left: 85vw;">-->
<!--                        <div class="ui search selection dropdown">-->
<!--                            <input name="templateId" id="templateId" type="hidden">-->
<!--                            <div class="default text" data-value="0">请选择工单</div>-->
<!--                            <i class="dropdown icon"></i>-->
<!--                            <div class="menu" id="temp-menu" th:if="not ${#lists.isEmpty(template)}">-->
<!--                                <div class="item" th:each="entries,stat:${template}"-->
<!--                                     th:data-value="${entries['template_id']}"><span-->
<!--                                        th:text="${entries['template_name']}"></span></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="ui attached">-->
<!--                <table class="ui striped celled table" style="margin-top: 0;" id="myTable">-->
<!--                    <thead>-->
<!--                    <tr style="text-align: center">-->
<!--                        <th id="title"></th>-->
<!--                    </tr>-->
<!--                    <tr>-->

<!--                    </tr>-->
<!--                    <tr>-->

<!--                    </tr>-->
<!--                    <tr>-->

<!--                    </tr>-->

<!--                    <tr>-->

<!--                    </tr>-->
<!--                    </thead>-->

<!--                    <tbody>-->
<!--                    <tr class="identity">-->
<!--                    </tr>-->

<!--                    </tbody>-->

<!--                    <tfoot>-->

<!--                    </tfoot>-->
<!--                </table>-->
<!--                <div class="item" style="float: right;margin-top: 20px;margin-right: 40px;" th:if="${status}">-->
<!--                    <button class="ui positive button" id="submit">提交</button>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div id="exception-data" class="none">-->
<!--            <div style="float: left;width: 4em;margin-top: 200px;">-->
<!--                <div class="ui vertical menu m-container-mini" style="font-size: 1.2em;">-->
<!--                    <div class="item">-->
<!--                        <div class="header" style="color: teal">异常处理</div>-->
<!--                        <div class="menu">-->
<!--                            <a class="item left-item exception-history" data-tooltip="异常历史"-->
<!--                               data-position="right center">异常历史</a>-->
<!--                            <a class="item left-item active pending-exception" data-tooltip="待处理异常"-->
<!--                               data-position="right center">待处理异常</a>-->
<!--                            <a class="item left-item pending-execute" data-tooltip="待执行异常"-->
<!--                               data-position="right center">待执行异常</a>-->
<!--                            <a class="item left-item pending-sure" data-tooltip="待确认异常"-->
<!--                               data-position="right center">待确认异常</a>-->
<!--                            <a class="item left-item view-data" data-tooltip="返回制程"-->
<!--                               data-position="right center">返回制程</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="ui attached" style="width: 70%;float: right;margin-right: 200px;margin-top: 100px;"-->
<!--                 id="pending">-->
<!--                <table class="ui striped celled table" id="pending-table">-->
<!--                    <thead>-->
<!--                    <tr>-->
<!--                        <th>序列码</th>-->
<!--                        <th>产品型号</th>-->
<!--                        <th>产品编码</th>-->
<!--                        <th class="hide">异常信息</th>-->
<!--                        <th>上报人</th>-->
<!--                        <th>上报时间</th>-->
<!--                        <th>状态</th>-->
<!--                        <th>操作</th>-->
<!--                    </tr>-->
<!--                    </thead>-->
<!--                    <tbody>-->

<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--            <div class="ui attached none" style="width: 80%;float: right;margin-right: 150px;margin-top: 100px;"-->
<!--                 id="confirmed">-->
<!--                <table class="ui striped celled table" id="confirmed-table">-->
<!--                    <thead>-->
<!--                    <tr>-->
<!--                        <th>序列码</th>-->
<!--                        <th>产品型号</th>-->
<!--                        <th>产品编码</th>-->
<!--                        <th class="hide">异常信息</th>-->
<!--                        <th>上报人</th>-->
<!--                        <th>上报时间</th>-->
<!--                        <th class="hide">处理方案</th>-->
<!--                        <th>闭环人</th>-->
<!--                        <th>闭环时间</th>-->
<!--                        <th class="hide">执行结果</th>-->
<!--                        <th>状态</th>-->
<!--                        <th>操作</th>-->
<!--                    </tr>-->
<!--                    </thead>-->
<!--                    <tbody>-->

<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--            <div class="ui attached none" style="width: 90%;float: right;margin-right: 20px;margin-top: 70px;"-->
<!--                 id="finished">-->
<!--                <div class="ui  horizontal link list">-->
<!--                    <div class="item">-->
<!--                        <div class="ui search">-->
<!--                            <div class="ui left icon input">-->
<!--                                <input class="prompt" type="text" id="search-text" placeholder="Search Exception info"-->
<!--                                       style="width: 20em;">-->
<!--                                <i class="search icon"></i>-->
<!--                                <div class="ui positive button search-exception">查询</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <button class="ui olive button" id="export-exception-info">导出</button>-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <a id='reload-exception-info' style="color: #0C0C0C"><i class='sync alternate icon'></i>刷新</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <table class="ui striped celled table" id="finished-table">-->
<!--                    <thead>-->
<!--                    <tr>-->
<!--                        <th>序列码</th>-->
<!--                        <th>产品型号</th>-->
<!--                        <th>产品编码</th>-->
<!--                        <th class="hide">异常信息</th>-->
<!--                        <th>上报人</th>-->
<!--                        <th>上报时间</th>-->
<!--                        <th class="hide">处理方案</th>-->
<!--                        <th>闭环人</th>-->
<!--                        <th>闭环时间</th>-->
<!--                        <th>执行人</th>-->
<!--                        <th>执行时间</th>-->
<!--                        <th class="hide">执行结果</th>-->
<!--                        <th>确认人</th>-->
<!--                        <th>确认时间</th>-->
<!--                        <th>状态</th>-->
<!--                        <th class="identity">操作</th>-->
<!--                    </tr>-->
<!--                    </thead>-->
<!--                    <tbody>-->

<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="ui modal view-exception-modal">-->
<!--            <div class="header">异常信息</div>-->
<!--            <i class="close icon"></i>-->
<!--            <div class="ui form segment">-->
<!--                <div class="field">-->
<!--                    <label>结果详情</label>-->
<!--                    <div class="ui segment" style="overflow:auto;height: 100px;width: 95%;">-->
<!--                        <span id="exception-details"></span>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="ui modal view-treatment-modal">-->
<!--            <div class="header">处理方案</div>-->
<!--            <i class="close icon"></i>-->
<!--            <div class="ui form segment">-->
<!--                <div class="field">-->
<!--                    <label>方案详情</label>-->
<!--                    <div class="ui segment" style="overflow:auto;height: 100px;width: 95%;">-->
<!--                        <span id="plan-details"></span>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="ui modal view-execute-modal">-->
<!--            <div class="header">执行结果</div>-->
<!--            <i class="close icon"></i>-->
<!--            <div class="ui form segment">-->
<!--                <div class="field">-->
<!--                    <label>执行结果</label>-->
<!--                    <div class="ui segment" style="overflow:auto;height: 100px;width: 95%;">-->
<!--                        <span id="execute-details"></span>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <input type="hidden" id="exception-id">-->
<!--        <div class="ui modal handle-modal">-->
<!--            <div class="header">异常处理</div>-->
<!--            <i class="close icon"></i>-->
<!--            <form class="ui form segment" id="solution-form" autocomplete="off" onsubmit="return false">-->
<!--                <div class="field">-->
<!--                    <label>处理方案</label>-->
<!--                    <textarea id="treatment-plan" cols="30" rows="5">-->

<!--                    </textarea>-->
<!--                </div>-->
<!--                <div class="ui solution reset button">重置</div>-->
<!--                <div style="float: right;">-->
<!--                    <div class="ui positive submit button" id="sub-solution-btn">提交</div>-->
<!--                </div>-->
<!--            </form>-->
<!--        </div>-->

<!--        <div class="ui modal execute-modal">-->
<!--            <div class="header">执行结果</div>-->
<!--            <i class="close icon"></i>-->
<!--            <form class="ui form segment" id="execute-form" autocomplete="off" onsubmit="return false">-->
<!--                <div class="field">-->
<!--                    <label>执行结果</label>-->
<!--                    <textarea id="execute-result" cols="30" rows="5">-->

<!--                    </textarea>-->
<!--                </div>-->
<!--                <div class="ui solution reset button">重置</div>-->
<!--                <div style="float: right;">-->
<!--                    <div class="ui positive submit button" id="sub-execute-btn">提交</div>-->
<!--                </div>-->
<!--            </form>-->
<!--        </div>-->

<!--        <div class="ui modal report-exception">-->
<!--            <div class="header">异常上报</div>-->
<!--            <i class="close icon"></i>-->
<!--            <form class="ui form segment" id="report-form" onsubmit="return false" autocomplete="off">-->
<!--                <div class="field">-->
<!--                    <label>机器序列码</label>-->
<!--                    <input type="text" id="serialNumber" name="serialNumber" placeholder="请填写机器序列码 例:PCBA序列码">-->
<!--                </div>-->
<!--                <div class="field">-->
<!--                    <label>产品型号</label>-->
<!--                    <input type="text" id="productNumber" name="productNumber" placeholder="请填写产品型号">-->
<!--                </div>-->
<!--                <div class="field">-->
<!--                    <label>产品编码</label>-->
<!--                    <input type="text" id="productCode" name="productCode" placeholder="请填写产品编码">-->
<!--                </div>-->
<!--                <div class="field">-->
<!--                    <label>异常信息</label>-->
<!--                    <textarea rows="6" cols="40" style="text-indent: 1em;" placeholder="请填写异常信息" id="exceptionInfo"-->
<!--                              name="exceptionInfo"></textarea>-->
<!--                </div>-->
<!--                <div class="ui clear-exception-info clear button">重置</div>-->
<!--                <div style="float: right;">-->
<!--                    <div class="ui positive submit button" id="report-exception-subBtn">提交</div>-->
<!--                </div>-->
<!--            </form>-->
<!--        </div>-->

<!--    </div>-->
<!--</div>-->
<!--<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>-->
<!--<script src="../static/dist/semantic.min.js" th:src="@{/dist/semantic.min.js}"></script>-->
<!--<script src="../static/js/init.js" th:src="@{/js/init.js}"></script>-->
<!--<script src="../static/js/laydate.min.js" th:src="@{/js/laydate.min.js}"></script>-->
<!--<script src="../static/js/layui.js" th:src="@{/js/layui.js}"></script>-->
<!--<script src="../static/js/public.js" th:src="@{/js/public.js}"></script>-->
<!--<script src="../static/js/jquery-table2.js" th:src="@{/js/jquery-table2.js}"></script>-->
<!--<script>-->
<!--    let datas;-->
<!--    let tempId;-->
<!--    $(function () {-->

<!--        let t_first = $('#temp-menu').children().first();-->
<!--        t_first.addClass('active selected');-->
<!--        let templateId = t_first.attr('data-value');-->
<!--        let default_text = $('div.default.text');-->
<!--        let text = t_first.find('span').text()-->

<!--        let template_input = $('#templateId');-->
<!--        default_text.attr("data-value", templateId);-->
<!--        default_text.html(text);-->

<!--        template_input.val(templateId);-->
<!--        if (templateId !== undefined) {-->
<!--            load_template_data(templateId);-->
<!--            if ($('#status').val() === "true") {-->
<!--                auto_update_status();-->
<!--            }-->
<!--        }-->

<!--        //选择模板-->
<!--        template_input.change(function () {-->
<!--            let value = $(this).val();-->
<!--            load_template_data(value);-->
<!--        });-->

<!--        function load_template_data(val) {-->
<!--            let thisLoad = load();-->
<!--            $.get({-->
<!--                url: '/produce/getTemplate',-->
<!--                data: {-->
<!--                    "templateId": val,-->
<!--                    "workOrderNumber": $('#workOrderNumber').val()-->
<!--                },-->
<!--                beforeSend: function () {-->
<!--                    layer.close(loading);-->
<!--                },-->
<!--                success: function (result) {-->
<!--                    if (result.status === 200) {-->
<!--                        datas = result.data;-->
<!--                        tempId = datas.leaveOneTemplateId;-->
<!--                        data_encapsulation(result.data);-->
<!--                        // if ($('#status').val() === "true") {-->
<!--                        //     get_production_status();-->
<!--                        // }-->
<!--                        layer.close(thisLoad);-->
<!--                    }-->
<!--                }-->
<!--            })-->
<!--        }-->

<!--        $('#submit').click(function () {-->
<!--            if (flag) {-->
<!--                add_data();-->
<!--            }-->
<!--        });-->
<!--    })-->
<!--    let last = null;-->

<!--    //提交数据-->
<!--    function add_data() {-->
<!--        flag = false;-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        let softVersion = $('#soft-version').text();-->
<!--        if (verify_work_order_number(workOrderNumber) && verify_soft_version(softVersion)) {-->
<!--            layer.close(loading);-->
<!--            failure("请填写软件版本");-->
<!--            flag = true;-->
<!--            return;-->
<!--        }-->
<!--        let work = {};-->
<!--        let list = [];-->
<!--        let results = {};-->
<!--        let tds;-->
<!--        //过滤出第一列不为空的tr-->
<!--        let trs = $('#myTable tbody').children().not(':first').filter(function () {-->
<!--            return $(this).children().eq(1).text() !== "";-->
<!--        });-->
<!--        if (trs.length === 0 && null === last) {-->
<!--            failure("没有可提交数据");-->
<!--            layer.close(loading);-->
<!--            flag = true;-->
<!--            return;-->
<!--        }-->
<!--        console.log(trs.length);-->
<!--        trs.each(function () {-->
<!--            tds = $(this).children();-->
<!--            for (let i = 0; i < tds.length; i++) {-->
<!--                Object.defineProperty(work, datas.fieldName[i], {-->
<!--                    value: tds[i].innerText.trim(),-->
<!--                    enumerable: true,-->
<!--                    configurable: true-->
<!--                });-->
<!--            }-->
<!--            list.push(work);-->
<!--            work = {};-->
<!--        });-->
<!--        //封装 其他数据-->
<!--        results.leaveOneTemplateId = datas.leaveOneTemplateId;-->
<!--        results.fieldName = datas.fieldName;-->
<!--        results.softVersion = softVersion;-->
<!--        results.body = list;-->
<!--        results.workOrderNumber = workOrderNumber;-->
<!--        //    console.log(JSON.stringify(results));-->
<!--        $.post({-->
<!--            url: "/produce/saveData",-->
<!--            contentType: "application/json;charset=utf-8",-->
<!--            data: JSON.stringify(results),-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    success("提交成功");-->
<!--                    flag = true;-->
<!--                    refreshBodyData(tempId, datas.fieldName, workOrderNumber);-->
<!--                } else {-->
<!--                    refreshBodyData(tempId, datas.fieldName, workOrderNumber);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->


<!--    //进入修改记录查看页-->
<!--    $('#view-modify-record').click(function () {-->
<!--        $.get({-->
<!--            url: '/index/check/checkMrdPage',-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    window.location.href = ("/index/page/mrdPage/" + $('#workOrderNumber').val());-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    });-->

<!--    //数据封装-->
<!--    let newTr;-->
<!--    let lastLength = 0;-->

<!--    function data_encapsulation(data) {-->
<!--        loading = load();-->
<!--        let hl = parseInt(Object.keys(data.heads).length);-->
<!--        let threeLength = data.leaveThreeTemplateName.length;-->
<!--        let titleLength = Math.max(hl, threeLength);-->

<!--        let title = $('#title');-->
<!--        //   let body = $('tbody');-->
<!--        newTr = "";-->
<!--        title.text(data.leaveOneTemplateName);-->
<!--        title.attr("colSpan", titleLength);-->
<!--        let tc = $('#myTable thead').children();-->
<!--        let sc = tc.eq(3);-->

<!--        let content = "";-->

<!--        $.each(data.leaveTwoTemplateName, function (key, values) {-->
<!--            content += "<td colspan='" + values + "'>" + key + "</td>"-->
<!--        });-->
<!--        sc.html(content);-->

<!--        content = "";-->
<!--        let st = tc.eq(4);-->
<!--        $.each(data.leaveThreeTemplateName, function (index, item) {-->
<!--            content += "<td colspan='1'>" + item + "</td>";-->
<!--        });-->
<!--        st.html(content);-->

<!--        let ft = tc.eq(1);-->
<!--        let tt = tc.eq(2);-->
<!--        let ll = titleLength;-->
<!--        let head_span = parseInt(ll / hl);-->
<!--        let last_head_span = Math.max(1, parseInt(ll % hl) + head_span);-->
<!--        let head_html = "";-->
<!--        let head_data = "";-->
<!--        let incr = 0;-->
<!--        $.each(data.heads, function (key, value) {-->
<!--            if (++incr === hl) {-->
<!--                head_html += "<td colspan='" + last_head_span + "'>" + key + "</td>";-->
<!--                head_data += "<td colspan='" + last_head_span + "' id='soft-version'>" + value + "</td>";-->
<!--            } else {-->
<!--                head_data += "<td colspan='" + head_span + "'>" + value + "</td>";-->
<!--                head_html += "<td colspan='" + head_span + "'>" + key + "</td>";-->
<!--            }-->
<!--        });-->
<!--        ft.html(head_html);-->
<!--        tt.html(head_data);-->
<!--        let soft_version = $("#soft-version");-->
<!--        if (verify_soft_version(soft_version.text())) {-->
<!--            soft_version.attr("contenteditable", true);-->
<!--        }-->

<!--        newTr = "<tr class='m-content'><td class='hide'>x</td>";-->
<!--        for (let i = 0; i < threeLength; i++) {-->
<!--            newTr += "<td class='ed' colspan='1'></td>";-->
<!--        }-->
<!--        newTr += "</tr>";-->

<!--        //将下发数据封装到 tbody-->
<!--        packageBody(data.body);-->
<!--        if (hl > threeLength) {-->
<!--            let lastTd = st.children().last();-->
<!--            let twoLastTd = sc.children().last();-->
<!--            let tdLength = parseInt(lastTd.attr('colspan'));-->
<!--            let len = hl - threeLength;-->
<!--            lastLength = tdLength + len;-->
<!--            lastTd.attr('colspan', lastLength);-->
<!--            twoLastTd.attr('colspan', lastLength);-->
<!--            last_processor(threeLength);-->
<!--        }-->
<!--    }-->


<!--    //刷新tbody数据-->
<!--    function refreshBodyData(templateId, fieldNames, workOrderNumber) {-->
<!--        $.post({-->
<!--            url: '/produce/refreshBodyData',-->
<!--            data: {-->
<!--                "templateId": templateId,-->
<!--                "fieldNames": fieldNames,-->
<!--                "workOrderNumber": workOrderNumber-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    packageBody(result.data);-->
<!--                    last_processor(result.data.length);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    function last_processor(dataLength) {-->
<!--        let tbody = $('#myTable tbody');-->
<!--        let data = tbody.children().not(':first');-->
<!--        let head_length = parseInt($('#myTable thead').children().eq(1).children().length);-->
<!--        if (dataLength >= head_length) {-->
<!--            return;-->
<!--        }-->
<!--        $.each(data, function () {-->
<!--            $(this).children().last().attr('colspan', lastLength);-->
<!--        })-->
<!--    }-->

<!--    function packageBody(body) {-->
<!--        //将下发数据封装到 tbody-->
<!--        let tbody = $('#myTable tbody');-->
<!--        tbody.children().not(':first').remove();-->
<!--        let tbody_content = "";-->
<!--        $('#total').text("已生产" + body.length + "台");-->
<!--        let field = datas.fieldName;-->
<!--        let i;-->
<!--        $.each(body, function (index, item) {-->
<!--            tbody_content += "<tr>";-->
<!--            i = 0;-->
<!--            $.each(item, function (index, value) {-->
<!--                if (index === "id") {-->
<!--                    tbody_content += "<td class='hide identity " + field[i] + "' colspan='1'>" + value + "</td>";-->
<!--                } else {-->
<!--                    tbody_content += "<td class='ed " + field[i] + "' colspan='1'>" + value + "</td>";-->
<!--                }-->
<!--                i++;-->
<!--            });-->
<!--            tbody_content += "</tr>";-->
<!--        });-->
<!--        tbody.append(tbody_content);-->

<!--        let td = tbody.find("td");-->
<!--        let input = $('#content');-->
<!--        //清空文本域数据-->
<!--        input.val("");-->
<!--        let cur;-->
<!--        if ("true" === $('#status').val()) {-->
<!--            td.prop("contenteditable", true);-->
<!--        }-->
<!--        $(document).on("click", ".ed", function () {-->
<!--            cur = $(this);-->
<!--            input.val(cur.text());-->
<!--            cur.keyup(function () {-->
<!--                input.val(cur.text());-->
<!--            });-->
<!--            input.keyup(function () {-->
<!--                cur.text($(this).val());-->
<!--            });-->
<!--        });-->
<!--    }-->

<!--    $('#newTrBtn').click(function () {-->
<!--        add_line();-->
<!--    });-->

<!--    function add_line() {-->
<!--        let tbody = $('#myTable tbody');-->
<!--        tbody.append(newTr);-->
<!--        let tr = tbody.children().last();-->
<!--        tr.children('td').prop("contenteditable", true);-->
<!--        let lastTd = tr.children().last();-->
<!--        console.log(lastTd)-->
<!--        let curLength = parseInt(lastTd.attr('colspan'));-->
<!--        let len = Math.max(curLength, lastLength);-->
<!--        lastTd.attr('colspan', len);-->
<!--    }-->

<!--    $('#remTrBtn').click(function () {-->
<!--        last = $('#myTable tbody').children().not(':first').last();-->
<!--        last.remove();-->
<!--    })-->

<!--    //显示异常上报模态窗-->
<!--    $('#report').click(function () {-->
<!--        $('.ui.modal.report-exception').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--    });-->

<!--    //清除异常文本域信息-->
<!--    $('.ui.clear-exception-info.button').click(function () {-->
<!--        $('#report-form').form('clear');-->
<!--    });-->
<!--    //异常信息 表单验证 productInfo-->
<!--    $('#report-form').form({-->
<!--        inline: true,-->
<!--        on: 'submit',-->
<!--        keyboardShortcuts: false,-->
<!--        fields: {-->
<!--            exceptionInfo: {-->
<!--                identifier: 'exceptionInfo',-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: 'empty',-->
<!--                        prompt: "异常信息不能为空"-->
<!--                    }-->
<!--                ]-->
<!--            },-->
<!--            serialNumber: {-->
<!--                identifier: 'serialNumber',-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: 'empty',-->
<!--                        prompt: "产品序号不能为空"-->
<!--                    }-->
<!--                ]-->
<!--            },-->
<!--            productNumber: {-->
<!--                identifier: 'productNumber',-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: 'empty',-->
<!--                        prompt: "请填写产品型号"-->
<!--                    }-->
<!--                ]-->
<!--            },-->
<!--            productCode: {-->
<!--                identifier: 'productCode',-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: 'empty',-->
<!--                        prompt: "请填写产品编码"-->
<!--                    }-->
<!--                ]-->
<!--            }-->
<!--        },-->
<!--        onSuccess: function () {-->
<!--            report_abnormal_information();-->
<!--        }-->
<!--    })-->

<!--    //异常信息提交上报-->
<!--    function report_abnormal_information() {-->
<!--        $.post({-->
<!--            url: '/produce/reportAbnormalInformation',-->
<!--            contentType: "application/json;charset=utf-8",-->
<!--            data: JSON.stringify({-->
<!--                "serialNumber": $('#serialNumber').val(),-->
<!--                "productNumber": $('#productNumber').val(),-->
<!--                "productCode": $('#productCode').val(),-->
<!--                "accidentDetails": $('#exceptionInfo').val(),-->
<!--                "workOrderNumber": $('#workOrderNumber').val()-->
<!--            }),-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    $('.ui.modal.report-exception').modal('hide');-->
<!--                    $('#report-form').form("reset");-->
<!--                    success(result.msg);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    $('#export').click(function () {-->
<!--        if (!($('#title').text() !== "" && $('#myTable tbody').children().not(':first').length !== 0)) {-->
<!--            failure("没有数据可以导出")-->
<!--            return;-->
<!--        }-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        $("#myTable").table2excel({-->
<!--            // 不被导出的表格行的CSS class类-->
<!--            exclude: ".identity",-->
<!--            // 导出的Excel文档的名称-->
<!--            name: "工单-" + workOrderNumber + "-" + new Date().getTime(),-->
<!--            // Excel文件的名称-->
<!--            filename: "工单-" + workOrderNumber + "-" + new Date().getTime(),-->
<!--            bootstrap: false-->
<!--        });-->
<!--    })-->

<!--    //发起完工-->
<!--    $(document).one('click', '#completion', function () {-->
<!--        let workOrderNumber = $("#workOrderNumber").val();-->
<!--        let templateId = $('#templateId').val();-->
<!--        if (verify_work_order_number(workOrderNumber)) {-->
<!--            failure("非法工单")-->
<!--            return;-->
<!--        }-->
<!--        $.post({-->
<!--            url: '/produce/initiateCompletion',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--                "templateId": templateId,-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    success(result.msg);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    })-->

<!--    $('#view-exception').click(function () {-->
<!--        load_pending_exception_info()-->
<!--        $('#exception-data').show(200);-->
<!--        $('#template-data').hide();-->
<!--    });-->

<!--    $('.view-data').click(function () {-->
<!--        $('#exception-data').hide();-->
<!--        $('#template-data').show();-->
<!--    })-->

<!--    function load_pending_exception_info() {-->
<!--        let workOrderNumber = $("#workOrderNumber").val();-->
<!--        if (verify_work_order_number(workOrderNumber)) {-->
<!--            failure("非法工单")-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: '/plan/getAllPendingExceptionInfo',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    package_pending_exception_info(result.data, $('#pending-table tbody'));-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    function package_pending_exception_info(data, target) {-->
<!--        if (data.length < 1) {-->
<!--            let head = $('#pending-table thead');-->
<!--            target.html("<tr><td colspan='" + head.children().children().length + "'><h2 style='font: italic 2em Georgia, serif;margin: 0 50px;'>no result</h2></td></tr>");-->
<!--            return;-->
<!--        }-->
<!--        target.empty();-->
<!--        let content;-->
<!--        $.each(data, function (index, item) {-->
<!--            content = "<tr>" +-->
<!--                "<td>" + item.serialNumber + "</td>" +-->
<!--                "<td>" + item.productNumber + "</td>" +-->
<!--                "<td>" + item.productCode + "</td>" +-->
<!--                "<td class='accident-details hide' style='width: 100px!important;'>" + item.accidentDetails + "</td>" +-->
<!--                "<td>" + item.reporter + "</td>" +-->
<!--                "<td>" + item.reporterDate + "</td>" +-->
<!--                "<td>" + item.status + "</td>" +-->
<!--                "<td><button class='ui primary view-accident-details button'><i class='eye icon'></i>查看异常</button><button class='ui positive sub-solution button' style='margin-left: 20px;' onclick='sub_inti(" + item.id + ")'>提交方案</button></td>" +-->
<!--                "</tr>";-->
<!--            target.append(content);-->
<!--        });-->
<!--    }-->

<!--    $(document).on('click', '.view-accident-details', function () {-->
<!--        let mes = $(this).parent().siblings('.accident-details').text();-->
<!--        $('#exception-details').text(mes);-->
<!--        $('.ui.modal.view-exception-modal').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--    });-->

<!--    function sub_inti(val) {-->
<!--        set_id(val);-->
<!--        open_modal();-->
<!--    }-->

<!--    function set_id(val) {-->
<!--        $('#exception-id').val(val);-->
<!--    }-->

<!--    function open_modal() {-->
<!--        $('.ui.modal.handle-modal').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--        $('#sub-solution-btn').removeClass("disabled");-->
<!--    }-->

<!--    $('#solution-form').form({-->
<!--        inline: true,-->
<!--        on: "submit",-->
<!--        keyboardShortcuts: false,-->
<!--        fields: {-->
<!--            "treatment-plan": {-->
<!--                identifier: "treatment-plan",-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: "empty",-->
<!--                        prompt: "请填写处理方案"-->
<!--                    }-->
<!--                ]-->
<!--            }-->
<!--        },-->
<!--        onSuccess: function () {-->
<!--            $('#sub-solution-btn').addClass("disabled");-->
<!--            submit_proposal();-->
<!--        }-->
<!--    });-->

<!--    function submit_proposal() {-->
<!--        let program = $('#treatment-plan').val();-->
<!--        let id = $('#exception-id').val();-->
<!--        $.post({-->
<!--            url: '/plan/exceptionWorkOrderHandling',-->
<!--            data: {-->
<!--                "id": id,-->
<!--                "program": program-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    $('.ui.modal.handle-modal').modal('hide');-->
<!--                    success(result.msg);-->
<!--                    load_pending_exception_info();-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    $('.pending-exception').click(function () {-->
<!--        $("#pending").show(100);-->
<!--        $('#confirmed').hide(100);-->
<!--        $('#finished').hide(100);-->
<!--        load_pending_exception_info();-->
<!--    });-->

<!--    $('.pending-sure').click(function () {-->
<!--        $("#pending").hide(100);-->
<!--        $('#confirmed').show(100);-->
<!--        $('#finished').hide(100);-->
<!--        load_pending_sure();-->
<!--    })-->

<!--    $('.exception-history').click(function () {-->
<!--        $("#pending").hide(100);-->
<!--        $('#confirmed').hide(100);-->
<!--        $('#finished').show(100);-->
<!--        load_finished_exception_info()-->
<!--    });-->


<!--    function load_pending_sure() {-->
<!--        let url = '/plan/getAllConfirmedExceptionInfo';-->
<!--        let tail = "<button class='ui primary view-result button'>执行结果</button><button class='ui primary sure-plan button'>最终确认</button>";-->
<!--        load_exception_info(url, tail);-->
<!--    }-->

<!--    $('.pending-execute').click(function () {-->
<!--        $("#pending").hide(100);-->
<!--        $('#confirmed').show(100);-->
<!--        $('#finished').hide(100);-->
<!--        load_pending_exe();-->
<!--    })-->

<!--    function load_pending_exe() {-->
<!--        let url = '/plan/getAllPendingExeExceptionInfo';-->
<!--        let tail = "<button class='ui primary exe-plan button'>执行方案</button>";-->
<!--        load_exception_info(url, tail);-->
<!--    }-->

<!--    function load_exception_info(url, tail) {-->
<!--        let workOrderNumber = $("#workOrderNumber").val();-->
<!--        if (verify_work_order_number(workOrderNumber)) {-->
<!--            failure("非法工单")-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: url,-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    package_confirmed_exception_info(result.data, $('#confirmed-table tbody'), tail)-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    function package_confirmed_exception_info(data, target, tail) {-->
<!--        if (data.length < 1) {-->
<!--            let head = $('#confirmed-table thead');-->
<!--            target.html("<tr><td colspan='" + head.children().children().length + "'><h2 style='font: italic 2em Georgia, serif;margin: 0 50px;'>no result</h2></td></tr>");-->
<!--            return;-->
<!--        }-->
<!--        target.empty();-->
<!--        let content;-->
<!--        $.each(data, function (index, item) {-->
<!--            content = "<tr>" +-->
<!--                "<td class='hide exc-id'>" + item.id + "</td>" +-->
<!--                "<td>" + item.serialNumber + "</td>" +-->
<!--                "<td>" + item.productNumber + "</td>" +-->
<!--                "<td>" + item.productCode + "</td>" +-->
<!--                "<td class='accident-details hide' style='width: 100px!important;'>" + item.accidentDetails + "</td>" +-->
<!--                "<td>" + item.reporter + "</td>" +-->
<!--                "<td>" + item.reporterDate + "</td>" +-->
<!--                "<td class='treatment-details hide'>" + item.treatmentPlan + "</td>" +-->
<!--                "<td>" + item.closedLoopPeople + "</td>" +-->
<!--                "<td>" + item.closedLoopPeopleDate + "</td>" +-->
<!--                "<td class='execute-details hide'>" + item.executeResult + "</td>" +-->
<!--                "<td>" + item.status + "</td>" +-->
<!--                "<td>" +-->
<!--                tail +-->
<!--                "<button class='ui primary view-accident-details button'><i class='eye icon'></i>查看异常</button>" +-->
<!--                "<button class='ui primary view-treatment-plan button'><i class='eye icon'></i>查看方案</button>" +-->
<!--                "</td>" +-->
<!--                "</tr>";-->
<!--            target.append(content);-->
<!--        })-->
<!--    }-->

<!--    $(document).on('click', '.view-treatment-plan', function () {-->
<!--        let mes = $(this).parent().siblings('.treatment-details').text();-->
<!--        $('#plan-details').text(mes);-->
<!--        $('.ui.modal.view-treatment-modal').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--    });-->
<!--    //view-result-->
<!--    $(document).on('click', '.view-result', function () {-->
<!--        let mes = $(this).parent().siblings('.execute-details').text();-->
<!--        $('#execute-details').text(mes);-->
<!--        $('.ui.modal.view-execute-modal').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--    });-->
<!--    $(document).on('click', '.exe-plan', function () {-->
<!--        $('.layui-layer-btn0').removeClass('end');-->
<!--        layer.confirm('确认要执行吗?', {-->
<!--            btn: ['确定', '取消'],-->
<!--            icon: 3,-->
<!--            title: '提示',-->
<!--            shade: [0.6, '#ffffff', true]-->
<!--        }, function (index) {-->
<!--            $('.layui-layer-btn0').addClass('end');-->
<!--            sub_exe_result();-->
<!--            layer.close(index);-->
<!--        });-->
<!--    });-->

<!--    $('#execute-form').form({-->
<!--        inline: true,-->
<!--        on: "submit",-->
<!--        keyboardShortcuts: false,-->
<!--        fields: {-->
<!--            "execute-result": {-->
<!--                identifier: "execute-result",-->
<!--                rules: [-->
<!--                    {-->
<!--                        type: "empty",-->
<!--                        prompt: "请填写执行结果"-->
<!--                    }-->
<!--                ]-->
<!--            }-->
<!--        },-->
<!--        onSuccess: function () {-->
<!--            $('#sub-execute-btn').addClass("disabled");-->
<!--            let this_ = $('.exe-plan')-->
<!--            let val = this_.parent().siblings('.exc-id').text();-->
<!--            let cur = this_;-->
<!--            let url = "/plan/executionConfirmation";-->
<!--            execute(val, cur, url);-->
<!--        }-->
<!--    });-->

<!--    function sub_exe_result() {-->
<!--        $('.ui.modal.execute-modal').modal({-->
<!--            closable: false-->
<!--        }).modal("show");-->
<!--        $('#sub-execute-btn').removeClass("disabled");-->
<!--    }-->

<!--    function execute(val, target, url) {-->
<!--        let workOrderNumber = $("#workOrderNumber").val();-->
<!--        let exeResult = $('#execute-result').val();-->
<!--        if (verify_work_order_number(workOrderNumber)) {-->
<!--            failure("非法工单")-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: url,-->
<!--            data: {-->
<!--                "id": val,-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--                "exeResult": exeResult-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    $('.ui.modal.execute-modal').modal('hide');-->
<!--                    target.parent().parent().remove();-->
<!--                    success(result.msg);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    $(document).on('click', '.sure-plan.button', function () {-->
<!--        let val = $(this).parent().siblings('.exc-id').text();-->
<!--        let cur = $(this);-->
<!--        let url = "/plan/finalConfirmation";-->
<!--        $('.layui-layer-btn0').removeClass('end');-->
<!--        layer.confirm('最终确认', {-->
<!--            btn: ['确定', '取消'],-->
<!--            icon: 3,-->
<!--            title: '提示',-->
<!--            shade: [0.6, '#ffffff', true]-->
<!--        }, function (index) {-->
<!--            $('.layui-layer-btn0').addClass('end');-->
<!--            execute(val, cur, url);-->
<!--            layer.close(index);-->
<!--        });-->
<!--    });-->

<!--    function load_finished_exception_info() {-->
<!--        let workOrderNumber = $("#workOrderNumber").val();-->
<!--        if (verify_work_order_number(workOrderNumber)) {-->
<!--            failure("非法工单")-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: '/plan/getAllConfirmedExceptionInformation',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    package_history_exception_info(result.data, $('#finished-table tbody'))-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    function package_history_exception_info(data, target) {-->
<!--        if (data.length < 1) {-->
<!--            let head = $('#finished-table thead');-->
<!--            target.html("<tr><td colspan='" + head.children().children().length + "'><h2 style='font: italic 2em Georgia, serif;margin: 0 50px;'>no result</h2></td></tr>");-->
<!--            return;-->
<!--        }-->
<!--        target.empty();-->
<!--        let content;-->
<!--        $.each(data, function (index, item) {-->
<!--            content = "<tr>" +-->
<!--                "<td>" + item.serialNumber + "</td>" +-->
<!--                "<td>" + item.productNumber + "</td>" +-->
<!--                "<td>" + item.productCode + "</td>" +-->
<!--                "<td class='accident-details hide'><div style='width: 100px!important;'>" + item.accidentDetails + "</div></td>" +-->
<!--                "<td>" + item.reporter + "</td>" +-->
<!--                "<td>" + item.reporterDate + "</td>" +-->
<!--                "<td class='treatment-details hide'><div style='width: 100px!important;'>" + item.treatmentPlan + "</div></td>" +-->
<!--                "<td>" + item.closedLoopPeople + "</td>" +-->
<!--                "<td>" + item.closedLoopPeopleDate + "</td>" +-->
<!--                "<td>" + item.executor + "</td>" +-->
<!--                "<td>" + item.executeTime + "</td>" +-->
<!--                "<td class='execute-details hide'>" + item.executeResult + "</td>" +-->
<!--                "<td>" + item.confirmor + "</td>" +-->
<!--                "<td>" + item.confirmorDate + "</td>" +-->
<!--                "<td>" + item.status + "</td>" +-->
<!--                "<td class='identity'>" +-->
<!--                "<button class='ui primary view-result button'><i class='eye icon'></i>执行结果</button>" +-->
<!--                "<button class='ui primary view-accident-details button'><i class='eye icon'></i>查看异常</button>" +-->
<!--                "<button class='ui primary view-treatment-plan button'><i class='eye icon'></i>查看方案</button>" +-->
<!--                "</td>" +-->
<!--                "</tr>";-->
<!--            target.append(content);-->
<!--        });-->
<!--    }-->

<!--    $('#export-exception-info').click(function () {-->
<!--        let table = $("#finished-table");-->
<!--        if (table.find('tbody').children().length === 0) {-->
<!--            failure("没有数据可以导出")-->
<!--            return;-->
<!--        }-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        table.table2excel({-->
<!--            // 不被导出的表格行的CSS class类-->
<!--            exclude: ".identity",-->
<!--            // 导出的Excel文档的名称-->
<!--            name: "异常工单信息-" + workOrderNumber + "-" + new Date().getTime(),-->
<!--            // Excel文件的名称-->
<!--            filename: "异常工单信息-" + workOrderNumber + "-" + new Date().getTime(),-->
<!--            bootstrap: false-->
<!--        });-->
<!--    })-->

<!--    //异常信息查询-->
<!--    $('.search-exception').click(function () {-->
<!--        console.log(flag);-->
<!--        if (flag) {-->
<!--            flag = false;-->
<!--            let searchVal = $('#search-text').val();-->

<!--            if (/^[\w.]+$/.test(searchVal)) {-->
<!--                search_exception_info(searchVal);-->
<!--            } else {-->
<!--                failure("非法字符");-->
<!--            }-->
<!--        }-->
<!--    });-->

<!--    function search_exception_info(val) {-->
<!--        $.get({-->
<!--            url: '/plan/exceptionInformationQuery',-->
<!--            data: {-->
<!--                "searchValue": val-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    package_history_exception_info(result.data, $('#finished-table tbody'));-->
<!--                    flag = true;-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    //刷新-->
<!--    $('#reload-exception-info').click(function () {-->
<!--        $('#search-text').val('');-->
<!--        load_finished_exception_info();-->
<!--    });-->

<!--    $(document).keydown(function (event) {-->
<!--        if (event.which === 13 && $('#status').val() === "true") {-->
<!--            add_line();-->
<!--        }-->
<!--    });-->

<!--    $('#start-production').click(function () {-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        let templateId = $('#templateId').val();-->
<!--        if (verify_work_order_number(workOrderNumber) || !verify_number(templateId)) {-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: '/produce/startProduction',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--                "templateId": templateId-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    refreshBodyData(templateId, datas.fieldName, workOrderNumber);-->
<!--                    change_light(result.data.productionStatus, result.data.name);-->
<!--                    success(result.msg);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    });-->

<!--    $('#end-production').click(function () {-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        let templateId = $('#templateId').val();-->
<!--        if (verify_work_order_number(workOrderNumber) || !verify_number(templateId)) {-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: '/produce/endProduction',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--                "templateId": templateId-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    change_light(result.data, "");-->
<!--                    success(result.msg);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    });-->

<!--    function get_production_status() {-->
<!--        let workOrderNumber = $('#workOrderNumber').val();-->
<!--        let templateId = $('#templateId').val();-->
<!--        if (verify_work_order_number(workOrderNumber) || !verify_number(templateId)) {-->
<!--            return;-->
<!--        }-->
<!--        $.get({-->
<!--            url: '/produce/getProductionStatus',-->
<!--            data: {-->
<!--                "workOrderNumber": workOrderNumber,-->
<!--                "templateId": templateId-->
<!--            },-->
<!--            beforeSend: function () {-->
<!--                layer.close(loading);-->
<!--            },-->
<!--            success: function (result) {-->
<!--                if (result.status === 200) {-->
<!--                    change_light(result.data.productionStatus, result.data.name);-->
<!--                }-->
<!--            }-->
<!--        })-->
<!--    }-->

<!--    function change_light(status, name) {-->
<!--        let light = $('#production-light');-->
<!--        let text = $('#status-text');-->
<!--        if (status === 1) {-->
<!--            light.addClass('red');-->
<!--            light.removeClass('green');-->
<!--            text.text("生产中...(" + name + ")")-->
<!--        } else {-->
<!--            light.addClass('green');-->
<!--            light.removeClass('red');-->
<!--            text.text("等待生产...")-->
<!--        }-->
<!--    }-->

<!--    function auto_update_status() {-->
<!--        setInterval(function () {-->
<!--            get_production_status();-->
<!--        }, 3000);-->
<!--    }-->

<!--    let websocket = null;-->

<!--    //判断当前浏览器是否支持WebSocket-->
<!--    if ('WebSocket' in window) {-->
<!--        websocket = new WebSocket("ws://localhost:8990/ws");-->
<!--    } else {-->
<!--        alert('Not support websocket')-->
<!--    }-->

<!--    //连接发生错误的回调方法-->
<!--    websocket.onerror = function () {-->
<!--        //  setMessageInnerHTML("error");-->
<!--    };-->

<!--    //连接成功建立的回调方法-->
<!--    websocket.onopen = function (event) {-->
<!--        send();-->
<!--    }-->

<!--    //接收到消息的回调方法-->
<!--    websocket.onmessage = function (event) {-->
<!--        console.log(event.data);-->
<!--        setMessageInnerHTML(event.data);-->
<!--    }-->

<!--    //连接关闭的回调方法-->
<!--    websocket.onclose = function () {-->
<!--        //setMessageInnerHTML("close");-->
<!--    }-->

<!--    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。-->
<!--    window.onbeforeunload = function () {-->
<!--        websocket.close();-->
<!--    }-->

<!--    //将消息显示在网页上-->
<!--    function setMessageInnerHTML(data) {-->
<!--        let re = JSON.parse(data);-->
<!--        console.log(re);-->
<!--    }-->

<!--    //关闭连接-->
<!--    function closeWebSocket() {-->
<!--        websocket.close();-->
<!--    }-->

<!--    //发送消息-->
<!--    function send() {-->
<!--        let message = {};-->
<!--        message.workOrderNumber = $('#workOrderNumber').val();-->
<!--        message.templateId = $('#templateId').val();-->
<!--        message.id = "B210915022021091518062246503";-->
<!--        message.data = "VS";-->
<!--        message.field = "PCBAxuliema";-->
<!--        message.operation = "modify";-->
<!--        message.token = window.localStorage.getItem("Authorization");-->
<!--        websocket.send(JSON.stringify(message));-->
<!--    }-->
<!--</script>-->
<!--</body>-->
<!--</html>-->